<template>
    <div class="btnparent"  @click="registerClick">
      <div class="loginbtn">
        {{btntext}}
      </div>
    </div>
</template>

<script>
    export default {
      props:['btntext'],
        name: "LoginBtn",
        data() {
            return {}
        },
        methods: {
          registerClick(){
            this.$emit('registerSubmit')
          }
        }
    }
</script>

<style scoped>
  .btnparent{
    padding: 4vw 3vw;
  }
.loginbtn{
  height: 12.5vw;
  background-color: #ff9db5;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25vw;
  font-size: 4.444vw;
}
</style>
